<!DOCTYPE html>
<html lang="cn">

<head>
    <title>Browser</title>
    <meta name="author" content="Vincent Lau">
    <meta name="keywords" content="JavaScript,js">
    <meta name="description" content="JavaScript Basic Guide">
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <meta name="copyright" content="www.godsdebt.com" />

    <!--360浏览器-->
    <meta name="renderer" content="webkit">
    <!--其它双核浏览器-->
    <meta name="force-rendering" content="webkit">
    <!--如果安装了GCF，则使用GCF来渲染页面，如果没有安装GCF，则使用最高版本的IE内核进行渲染。-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <!-- referrer-policy -->
    <meta name="referrer" content="always">

    <link type="image/x-icon" href="/img/favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,100" />
    <!--
        <link rel="stylesheet" href="plugin/animate/v3.5.2/animate.min.css" />
        <link rel="stylesheet" href="plugin/normalize/v7.0.0/normalize.css" />
        <link rel="stylesheet" href="plugin/vidage/v0.3.5/styles/Vidage.min.css" />
    -->

    <!-- cdnjs加速 -->
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" />
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/Vidage/0.3.5/styles/Vidage.min.css" />

    <link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css">
    <!--
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/iview/2.0.0-rc.17/styles/iview.css" />
    -->
    <link rel="stylesheet" href="/css/style.css" />
    <link rel="stylesheet" href="/css/index.css" />
</head>

<body>
    <div class="Vidage">
        <div class="Vidage__image"></div>
        <video id="VidageVideo" class="Vidage__video" preload="metadata" loop autoplay muted>
            <source src="/video/bg.webm" type="video/webm">
            <source src="/video/bg.mp4" type="video/mp4">
        </video>
        <div class="Vidage__backdrop"></div>
    </div>

    <div class="container flex" id="app">
        <div class="home flex flex-column flex-center">

        </div>

        <ul class="menu flex flex-column flex-center">
            <li data-title="Home">发布订阅模式</li>
            <li data-title="Equal">数据劫持模式</li>
            <li data-title="About">脏检测</li>
        </ul>
    </div>

    <footer class="flex">
        <div class="main-icon"></div>
        <div class="copyright">
            Copyright ©2018 Vincent Lau | All Rights Reserved.
        </div>
    </footer>

    <script src="//cdnjs.cloudflare.com/ajax/libs/Vidage/0.3.5/scripts/Vidage.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
    <script src="//unpkg.com/iview/dist/iview.min.js"></script>
    <script src="/plugin/is/is.min.js"></script>
    <script src="./index.js"></script>
    <script>
        new Vidage('#VidageVideo')
    </script>
</body>

</html>